<template>
    <ul>
        <!--  <li>Query的方式</li>
        <li>{{ query.id }}</li>
        <li>{{ query.name }}</li>
        <li>{{ query.content }}</li> -->

        <!-- <li>Params 的方式</li>
        <li>{{ params.id }}</li>
        <li>{{ params.name }}</li>
        <li>{{ params.content }}</li> -->

        <li>props方式</li>
        <li>{{ id }}</li>
        <li>{{ name }}</li>
        <li>{{ content }}</li>
    </ul>
</template>
<script lang="ts" setup name="detail">
// import { toRefs, toRef } from 'vue';
// import { useRoute } from 'vue-router';
// let route = useRoute()
// let {query}=toRefs(route);
// let { params } = toRefs(route);

defineProps(["id", "name", "content"])
</script>